<template>
	<view id="Helpcenter">
		<!-- 箭头 -->
		<view @tap="datacenter" class="Charge-img">
			<image src="../../static/img/back-icon-white.png" mode=""></image>
		</view>
		<!-- 帮助中心 -->
		<view class="help">
			<view>
				<p>帮助中心</p>
				<p>Help center</p>
			</view>
			<view>
				<image src="../../static/assert/icon @2x.png" mode=""></image>
			</view>
		</view>
		<!-- 常见问题 -->
		<view class="problems"> 
			<view class="problems-one">
				<view>常见问题</view>
			</view>
			<view style="margin-left: 20upx;">
				<view style="margin-top: 10upx;" @tap="a1">产品介绍</view>
				<view style="margin-top: 10upx;" @tap="a2">产品交易规则</view>
				<view style="margin-top: 10upx;" @tap="a3">出入金</view>
				<view style="margin-top: 10upx;" @tap="a4">注册指南</view>
			</view>
		</view>
	</view>
</template>

<script>
	import request from '@/utils/request';
	import {mapGetters,mapState} from 'vuex';
export default { 
	data() {
		return {
   
        };
	},
	mounted() {
		
	},
	methods:{
		datacenter(){
			uni.switchTab({
				url:"./index"
			})
		},
		a1(){
		  uni.navigateTo({
		  	url:"./External/External1"
		  });	
		},
		a2(){
			uni.navigateTo({
				url:"./External/External2"
			});
		},
		a3(){
			uni.navigateTo({
				url:"./External/External3"
			});
		},
		a4(){
			uni.navigateTo({
				url:"./External/External4"
			});
		}
	}
};
</script>

<style lang="scss" scoped>
	#Helpcenter{
		width: 100%;
		height:413px;
		background:#739BFF;
		.Charge-img{
			padding: 0 31upx;
			image{
				width:17upx;
				height:31upx;
				margin-top: 71upx;
			}
		}
		// 帮助中心
		.help{
			display: flex;
			justify-content: space-between;
			padding: 0 60upx;
			
			& > view:nth-child(1){
				& > p:nth-child(1){
					font-size:36upx;
					font-family:PingFang SC;
					font-weight:500;
					color:rgba(255,255,255,1);
					margin-top: 55upx;
				}
				&>p:nth-child(2){
					font-size:30upx;
					font-family:PingFang SC;
					font-weight:bold;
					color:#FFFFFF;
					margin-top: 20upx;
				}
			}
			& > view:nth-child(2) image{
				width: 120upx;
				height: 105upx;
			}
		}
		// 常见问题
		.problems{
			width: 90%;
			height: 70vh;
			background:rgba(255,255,255,1);
			box-shadow:0upx 9upx 18upx 0upx rgba(64,64,112,0.13);
			border-radius:10upx;
			margin: 33upx auto;
			.problems-one{
				padding: 0 32upx;
				& > view:nth-child(1){
					font-size:30upx;
					font-family:PingFang SC;
					font-weight:bold;
					color:rgba(45,47,86,1);
					border-bottom: 1upx solid #E6E6E6;
					padding-top: 30upx;
					padding-bottom: 30upx;
				}
			}
			.problems-two{
				padding: 0 32upx;
				align-items: center;
			    display: flex;
				& > view:nth-child(1){
					width:8upx;
					height:8upx;
					background:rgba(230,230,230,1);
					border-radius:50%;
				}
				& > view:nth-child(2){
					font-size:26upx;
					width: 100%;
					font-family:PingFang SC;
					font-weight:500;
					color:rgba(102,102,102,1);
					margin-left: 31upx;
					border-bottom: 1upx solid #F3F3F3;
					padding-top: 35upx;
					padding-bottom: 30upx;
				}
			}
		}
	  
	}
</style>
